<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link type="text/css" rel="stylesheet" href="../../../layui/css/layui.css"/>
    <link type="text/css" rel="stylesheet" href="../../../css/select.css"/>
</head>
<body>
<div style="overflow: hidden;">
    <div style="margin-top: 20px;border-width: 1px;height: 50px;width: 100%;border-style: solid;border-color: #cccccc;background-color: #eeeeee">
        <div style="margin-top: 10px;margin-left: 10px;color: red;font-size: 20px"><i class="layui-icon layui-icon-tips" style="font-size: 20px; color: red;"></i>当前订单状态:<input name="orderStatus" style="border: none;background-color: #eeeeee;color: red" readonly></div>
    </div>
    <div style="margin-top: 20px">订单信息</div>
    <table class="layui-table" >
        <tr>
            <td>订单编号</td>
            <td>课程名称</td>
            <td>用户账号</td>
            <td>订单状态</td>
        </tr>
        <tr>
            <td><input class="layui-input" type="text" name="orderNo" readonly></td>
            <td><input class="layui-input" type="text" name="name" readonly></td>
            <td><input class="layui-input" type="text" name="userAccount" readonly></td>
            <td><input class="layui-input" type="text" name="orderStatus" readonly></td>
        </tr>
        <tr>
            <td>支付方式</td>
            <td>订单来源</td>
            <td>订单类型</td>
            <td></td>
        </tr>
        <tr>
            <td><input class="layui-input" type="text" name="orderPaymentChannel" readonly></td>
            <td><input class="layui-input" type="text" name="orderSource" readonly></td>
            <td><input class="layui-input" type="text" name="orderType" readonly></td>
            <td></td>
        </tr>
    </table>
    <div style="margin-top: 20px">用户信息</div>
    <table class="layui-table" >
        <tr>
            <td>用户昵称</td>
            <td>手机号码</td>
            <td>邮箱</td>
        </tr>
        <tr>
            <td><input class="layui-input" type="text" name="userNickname" readonly></td>
            <td><input class="layui-input" type="text" name="phone" readonly></td>
            <td><input class="layui-input" type="text" name="userEmail" readonly></td>
        </tr>
    </table>
    <div style="margin-top: 20px">课程信息</div>
    <table class="layui-table" >
        <tr>
            <td>课程图片</td>
            <td>课程名称</td>
            <td>课程分类</td>
            <td>课程价格</td>
            <td>优惠金额</td>
            <td>实付金额</td>
        </tr>
        <tr>
            <td><input class="layui-input" type="text" name="piano" readonly></td>
            <td><input class="layui-input" type="text" name="name" readonly></td>
            <td><input class="layui-input" type="text" name="classify" readonly></td>
            <td><input class="layui-input" type="text" name="price" readonly></td>
            <td><input class="layui-input" type="text" name="courseName" readonly></td>
            <td><input class="layui-input" type="text" name="end" readonly></td>
        </tr>
    </table>
</div>
<script src="../../../js/jquery-3.6.0.js"></script>
<script src="../../../layui/layui.js"></script>
</body>
</html>